<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			.boy{
				width:123px;
				height:105px;
				background-image: url(img/running/1.png);
				-webkit-animation: run 1s  linear infinite;
			}
			@-webkit-keyframes run{
				0%{
					background-image: url(img/running/1.png);
				}
				10%{
					background-image: url(img/running/2.png);
				}
				20%{
					background-image: url(img/running/3.png);
				}
				30%{
					background-image: url(img/running/4.png);
				}
				40%{
					background-image: url(img/running/5.png);
				}
				50%{
					background-image: url(img/running/6.png);
				}
				60%{
					background-image: url(img/running/7.png);
				}
				70%{
					background-image: url(img/running/8.png);
				}
				80%{
					background-image: url(img/running/9.png);
				}
				90%{
					background-image: url(img/running/10.png);
				}
				100%{
					background-image: url(img/running/1.png);
				}
			}
			
		</style>
	</head>
	<body>
		<div class="boy">
		</div>
	</body>
</html>
